<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#all{
				width: 1000px;
				height: 500px;
				margin: 0 auto;
				background: url(img/login_bg.gif);
				background-repeat: no-repeat;
			}
			#left{
				width: 560px;
				height: 400px;
				margin-top: 20px;
				float: left;
			}
			ul{
				list-style: none;
			}
			li{
				margin: 0 auto;
			}
			#right{
				width: 400px;
				height: 400px;
				float: right;
			}
			.font span{
				font-size: 20px;
				color: deepskyblue;
			}
			#regul{
				width: 200px;
				height: 50px;
				margin-left: 50px;
				background: #fdf7e7;
				border: 1px #f2bb6f solid;
			}
		</style>
	</head>
	<body>
		<div id="all">
			<div id="left">
				<h1 style="background: url(img/logintitle.gif); width: 150px;height: 60px;background-repeat: no-repeat;"></h1>
				<table align="center">
					<tr>
						<td>
							会员名：
						</td>
						<td>
							<input type="text" name="" id="" value="" />（可包含 a-z、0-9 和下划线）
						</td>
					</tr>
					<tr>
						<td>
							密码：
						</td>
						<td>
							<input type="text" name="" id="" value="" />（至少包含 6 个字符）
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<input type="submit" name="" id="" value="" style="background: url(img/login.gif);width: 80px;height: 35px;cursor: pointer;margin-left: 100px;"/>
						</td>
					</tr>
				</table>
				<ul>
						<li>
							<a href="#">什么是安全登录</a>
						</li>
						<li>
							香港会员（繁体中文用户）由此<a href="#">登入</a>
						</li>
						<li>
							<a href="#">密码安全贴士</a>
						</li>
						<li>
							防止病毒或者木马窃取您的账户信息，<a href="#">在线检查</a>您的电脑是否安全。
						</li>
				</ul>
			</div>
			<div id="right">
			<ul >
				<h1>
					<img src="img/register.gif" style="margin-top: 50px;" />
				</h1>
				<li class="font">
					<span>便宜有好货！</span>
					超过7000万件商品任您选。
				</li>
				<li class="font">
					<span>买卖更安全！</span>
					交易超安全。
				</li>
				<li class="font">
					<span>免费开网店！</span>
					轻松赚钱交友。
				</li>
				<li class="font">
					<span>超人气社区！</span>
					彩活动每一天
				</li>
				<li>
					<img src="img/registernow.gif" style="margin-left: 30px;margin-top: 10px;">
				</li>
			</ul>
			<ul id="regul">
				<li>
					您已经是会员了？<a href="#">由此登录</a>
				</li>
				<li>
					繁体中文用户由此<a href="#">注册</a>
				</li>
			</ul>
			</div>
		</div>
	</body>
</html>
